<template>
  <div>
    <el-menu
  :default-active="12"
  class="el-menu-demo"
  mode="horizontal"
  @select="12"
  background-color="#545c64"
  text-color="#fff"
  active-text-color="#ffd04b">
  <el-menu-item index="1">人员</el-menu-item>
  <el-menu-item index="2">社员管理</el-menu-item>
  <el-menu-item index="3">系统管理</el-menu-item>
  <el-menu-item index="4" >财务管理</el-menu-item>
  <el-menu-item index="5" >勤怠管理</el-menu-item>
  <el-menu-item index="6" >招募管理</el-menu-item>
  <el-menu-item index="7">采购管理</el-menu-item>
  <el-menu-item index="8">帐票管理</el-menu-item>
</el-menu> 
<el-row class="tac">
<el-col :span="4">
  
  <el-menu
    default-active="2"
    class="el-menu-vertical-demo"
    @open="handleOpen"
    @close="handleClose">
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-location"></i>
        <span>社员管理</span>
      </template>
    </el-submenu>
    <el-menu-item index="2">
      <i class="el-icon-menu"></i>
      <span slot="title">权限管理</span>    
    </el-menu-item>
   
    <el-menu-item index="3">
      <i class="el-icon-setting"></i>
      <span slot="title">小组管理</span>
    </el-menu-item>
  </el-menu>
</el-col>
<el-col :span="14">
  <el-menu
    default-active="2"
    active-text-color="#ffd04b">
    <el-menu-item index="2">
      <el-input v-model="input" placeholder="请输入内容" width="20px"></el-input>  
      <span slot="title"></span>
      <el-table
  :data="tableData"
  border
  style="width: 160%">
  <el-table-column
    prop="authorityName"
    label="権限名称"
    width="140">
  </el-table-column>
  <el-table-column
    prop="authorityCode"
    label="権限コー"
    width="130">
  </el-table-column>
  <el-table-column
    prop="registrant"
    label="情报详细名称"
    width="130">
  </el-table-column>
  <el-table-column
    prop="processingResult"
    label="结果"
    width="130">
  </el-table-column>
  <el-table-column
    prop="createDate"
    label="登録日付"
    width="110">
  </el-table-column>
  <el-table-column
    prop="updater"
    label="更新者"
    width="110">
  </el-table-column>
  <el-table-column
    prop="updateDate"
    label="情更新日付"
    width="110">
  </el-table-column>
  <el-table-column
    prop="companyCode"
    label="会社コード"
    width="110">
  </el-table-column>
</el-table>
    </el-menu-item>     
  </el-menu>  
</el-col>
<el-button type="save" @click="save">查询  </el-button>
</el-row>
  </div>
</template>
<script>

import axios from "axios";
export default  {
    name:"FormSelect",
data(){
return{
  input: '',
  tableData: [{  
}]
}
},
  methods: {
      save(){
        axios
          .post("http://localhost:8089/bff/authority/detail",{           
            authorityCode: this.input          
          })
          .then((response) => {
              console.log(response.data.resultDto)
               this.tableData=[response.data.resultDto]
          })
          .catch((error) => {
              console.log(error);
          });

        this.$message.success("查询成功");
        console.log(this.input)
      }
  },
  created(){
      this.get()
  },
};
</script>
